<div id="nav" class="nav">
    <ul class="navlist" :visible="@visible">
        <li ms-for="el in @navlist" :class="'nav-'+@el.code">
            <a :attr="{href: @el.href || 'javascript:;'}" class="title" :text="@el.text" :class="[@el.icon,{'arrow_down':@el.sub}]"></a>
            <div class="subnav" :if="@el.sub">
                <a class="subitem"  ms-for="sub in @el.sub"
                    :attr="{href: @sub.href || 'javascript:;'}"
                    :class="@sub.code"
                    :text="@sub.text" >
                    交易报表
                </a>
            </div>
        </li>
        <!--  模板代码
        <li>
            <a href="#/home" class="title">首页</a>
        </li>
        <li>
            <a href="javascript:;" class="title">我的账户</a>
        </li>
        <li>
            <a href="javascript:;" class="title">存取款</a>
            <div class="subnav">
                <a href="#/deposit" class="subitem">存款</a>
                <a href="#/page1?a=1" class="subitem">取款</a>
                <a href="#/ccc?c=2" class="subitem">转账平台</a>
                <a href="#/ddd?d=3#we" class="subitem">取款明细</a>
            </div>
        </li>
        <li>
            <a href="javascript:;" class="title">报表</a>
            <div class="subnav">
                <a href="javascript:;" class="subitem">交易报表</a>
                <a href="javascript:;" class="subitem">投资分析报告</a>
                <a href="javascript:;" class="subitem">结单</a>
                <a href="javascript:;" class="subitem">交易编码</a>
                <a href="javascript:;" class="subitem">历史分笔数据</a>
            </div>
        </li>
        <li>
            <a href="javascript:;" class="title">软件下载</a>
            <div class="subnav">
                <a href="javascript:;" class="subitem">下载GTS2</a>
                <a href="javascript:;" class="subitem">下载MT4</a>
            </div>
        </li>
        <li>
            <a href="javascript:;" class="title">优惠活动</a>
            <div class="subnav">
                <a href="javascript:;" class="subitem">优惠活动</a>
            </div>
        </li>
        <li>
            <a href="javascript:;" class="title">产品概览</a>
            <div class="subnav">
                <a href="javascript:;" class="subitem">产品概览</a>
            </div>
        </li>
        <li>
            <a href="javascript:;" class="title">邀请好友</a>
        </li>
        <li>
            <a href="javascript:;" class="title">紧急平仓</a>
            <div class="subnav">
                <a href="javascript:;" class="subitem">紧急平仓</a>
            </div>
        </li> -->
    </ul>
</div>